<!--style-->
<style>
    #block-first .mainer, #block-second .mainer {
        padding: 8px;
    }

    #block-second .unit {
        margin: 8px auto;
    }

    #area-cont-right .divider {
        height: 16px;
        border-bottom: 1px solid #ddd;
    }

    #block-second .sub-divider {
        height: 8px;
        border-bottom: 1px dashed #ddd;
    }

    #block-second .unit .l {
        width: 100px;
        text-align: right;
    }

    #block-second .unit .r {
        width: 560px;
    }

    #block-second input, #block-second textarea {
        width: 320px;
    }

    #hint-uid-personal {
        color: #999;
        margin: 0 0 0 8px;
    }

    #area-cont-right .unit-tool {
        margin: 8px auto 0;
        padding: 8px 0;
        border-top: 1px dashed #ddd;
    }

    #unit-basic .l {
        width: 110px;
    }

    #unit-basic .r {
        width: 570px;
    }

    #img-avatar-personal {
        border: 1px solid #fff;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        width: 100px;
        height: 100px;
        margin: 0 0 8px 0;
        padding: 0;
        display: block;
        cursor: pointer;
    }

    #name-personal {
        font-size: 16px;
        font-weight: bold;
        color: #c66;
    }

    #uid-personal {
        font-size: 12px;
        color: #999;
        margin: 0 0 0 2px;
    }

    #hint-reg-personal {
        font-size: 12px;
        color: #666;
        margin-top: 2px;
    }

    #area-sign-personal {
        font-size: 13px;
        color: #444;
        display: inline-block;
        margin: 8px auto;
        padding: 8px 0;
        border-top: 1px dashed #ddd;
        cursor: pointer;
    }
</style>
<!--style-->

<!--html-->
<div id="block-title-banner">
    <p>编辑资料</p>

    <div>
        <a href="user">PowerOJ</a>
        <span class="d">Profile</span>
    </div>
    <span class="clearfix"></span>
</div>
<div id="block-banner-right" class="block banner">
    <i class="location"></i>
</div>
<div id="block-first" class="block">
    <div class="banner">
        <p class="tab fixed">基本信息<span class="hint">Basic Information</span></p>
    </div>
    <div class="mainer form">

        <div id="unit-basic" class="hidden">
            <div class="l">
                <img id="img-avatar-personal" class="avatar" [avatar] title="单击修改头像" onerror="this.onerror=null;this.src='assets/images/user/default.png'">
            </div>
            <div class="r" id="unit-email" data-email="[email]">
                <a id="name-personal" class="name" href="user/profile/[name]">[name]</a>
                <span id="uid-personal">Uid:[uid]</span>

                <p id="hint-reg-personal">注册于 [regTime]</p>
                <pre id="area-sign-personal" title="单击修改签名">[sign]</pre>
            </div>
            <span class="clearfix"></span>
        </div>

        <div class="unit-tool">
            <div class="l">
                <button id="btn-avatar-personal" class="btn info">
                    <i class="icon white icon-user"></i>修改头像
                </button>
                <button id="btn-sign-personal" class="btn primary">
                    <i class="icon white icon-align-left"></i>修改个性签名
                </button>
            </div>
            <div class="r">
                <button id="btn-email-personal" class="btn info">
                    <i class="icon white icon-envelope"></i>修改邮箱
                </button>
                <button id="btn-password-personal" class="btn info">
                    <i class="icon white icon-lock"></i>修改密码
                </button>
            </div>
            <span class="clearfix"></span>
        </div>

    </div>
</div>

<div id="block-second" class="block">
    <div class="banner">
        <p class="tab fixed">扩展信息<span class="hint">Extra Information</span></p>
    </div>
    <div class="mainer form">

        <p class="alert">
            扩展信息将会显示在用户的个人空间中。<br/>
            真实姓名、联系电话等敏感信息仅管理员可见。
        </p>

        <div class="unit">
            <div class="l">
                <p class="subtitle">性别</p>
            </div>
            <div class="r">
                <select id="ipt-gender-personal">
                    <option value="secret">不公开</option>
                    <option value="male">男</option>
                    <option value="female">女</option>
                </select>
            </div>
            <span class="clearfix"></span>
        </div>

        <p class="sub-divider"></p>

        <div class="unit">
            <div class="l">
                <p class="subtitle">真实姓名</p>
            </div>
            <div class="r">
                <input id="ipt-truename-personal" class="name" data-name="真实姓名" data-length="0,8" type="text">
            </div>
            <span class="clearfix"></span>
        </div>

        <!--<div class="unit">
            <div class="l">
                <p class="subtitle">生日</p>
            </div>
            <div class="r">
                <input id="ipt-birthday-personal" class="date" data-name="生日" data-length="0,63" type="text">
            </div>
            <span class="clearfix"></span>
        </div>-->

        <div class="unit">
            <div class="l">
                <p class="subtitle">所在地</p>
            </div>
            <div class="r">
                <select id="ipt-location-a-personal">
                    <option value="不公开">不公开</option>
                    <option value="安徽">安徽</option>
                    <option value="北京">北京</option>
                    <option value="重庆">重庆</option>
                    <option value="福建">福建</option>
                    <option value="甘肃">甘肃</option>
                    <option value="广东">广东</option>
                    <option value="广西">广西</option>
                    <option value="贵州">贵州</option>
                    <option value="海南">海南</option>
                    <option value="河北">河北</option>
                    <option value="黑龙江">黑龙江</option>
                    <option value="河南">河南</option>
                    <option value="湖北">湖北</option>
                    <option value="湖南">湖南</option>
                    <option value="内蒙古">内蒙古</option>
                    <option value="江苏">江苏</option>
                    <option value="江西">江西</option>
                    <option value="吉林">吉林</option>
                    <option value="辽宁">辽宁</option>
                    <option value="宁夏">宁夏</option>
                    <option value="青海">青海</option>
                    <option value="山西">山西</option>
                    <option value="山东">山东</option>
                    <option value="上海">上海</option>
                    <option value="四川">四川</option>
                    <option value="天津">天津</option>
                    <option value="西藏">西藏</option>
                    <option value="新疆">新疆</option>
                    <option value="云南">云南</option>
                    <option value="浙江">浙江</option>
                    <option value="陕西">陕西</option>
                    <option value="台湾">台湾</option>
                    <option value="香港">香港</option>
                    <option value="澳门">澳门</option>
                    <option value="海外">海外</option>
                    <option value="100">其他</option>
                </select>
                <select id="ipt-location-b-personal">
                    <option value="不公开">不公开</option>
                </select>
            </div>
            <span class="clearfix"></span>
        </div>

        <div class="unit">
            <div class="l">
                <p class="subtitle">联系电话</p>
            </div>
            <div class="r">
                <input id="ipt-tel-personal" class="tel" data-name="联系电话" data-length="0,20" type="tel">
            </div>
            <span class="clearfix"></span>
        </div>

        <p class="sub-divider"></p>

        <div class="unit">
            <div class="l">
                <p class="subtitle">学校</p>
            </div>
            <div class="r">
                <input id="ipt-school-personal" class="req" data-name="学校或工作单位" data-length="0,63" type="text">
            </div>
            <span class="clearfix"></span>
        </div>

        <div class="unit">
            <div class="l">
                <p class="subtitle">个人主页</p>
            </div>
            <div class="r">
                <input id="ipt-home-personal" class="req" data-name="个人空间地址" data-length="0,63" type="text">
            </div>
            <span class="clearfix"></span>
        </div>

        <div class="unit">
            <div class="l">
                <p class="subtitle">QQ号码</p>
            </div>
            <div class="r">
                <input id="ipt-qq-personal" class="number" data-name="QQ号码" data-length="0,63" type="text">
            </div>
            <span class="clearfix"></span>
        </div>

        <div class="unit-tool">
            <div class="l">
                <a class="btn primary do">
                    <i class="icon white icon-ok-circle"></i>保存个人资料
                </a>
            </div>
            <div class="r">
                <a class="btn info" href="feedback" target="_blank">
                    <i class="icon white icon-circle-arrow-right"></i>意见反馈
                </a>
            </div>
            <span class="clearfix"></span>
        </div>

    </div>
</div>
<!--html-->

<!--script-->
<script>
system.tv = function () {
    //system.breaker = '您的个人信息尚未保存';
    //set handle
    var block = $('#block-second');
    var mainer = block.find('div.mainer').eq(0);
    var form = block.find('div.form').eq(0);
    //
    //location
    var sla = $('#ipt-location-a-personal'),
            slb = $('#ipt-location-b-personal');
    sla.change(function () {
        //
        var a = ['不限'];
        switch (sla.val()) {
            case '安徽':
                a = ['不限', '合肥', '芜湖', '蚌埠', '淮南', '马鞍山', '淮北', '铜陵', '安庆', '黄山', '滁州', '阜阳', '宿州', '巢湖', '六安', '亳州', '池州', '宣城'];
                break;
            case '北京':
                a = ['不限', '东城区', '西城区', '崇文区', '宣武区', '朝阳区', '丰台区', '石景山区', '海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区', '怀柔区', '平谷区', '密云县', '延庆县'];
                break;
            case '重庆':
                a = ['不限', '万州区', '涪陵区', '渝中区', '大渡口区', '江北区', '沙坪坝区', '九龙坡区', '南岸区', '北碚区', '万盛区', '双桥区', '渝北区', '巴南区', '黔江区', '长寿区', '綦江县', '潼南县', '铜梁县', '大足县', '荣昌县', '璧山县', '梁平县', '城口县', '丰都县', '垫江县', '武隆县', '忠县', '开县', '云阳县', '奉节县', '巫山县', '巫溪县', '石柱土家族自治县', '秀山土家族苗族自治县', '酉阳土家族苗族自治县', '彭水苗族土家族自治县', '江津区', '合川区', '永川区', '南川区'];
                break;
            case '福建':
                a = ['不限', '福州', '厦门', '莆田', '三明', '泉州', '漳州', '南平', '龙岩', '宁德'];
                break;
            case '甘肃':
                a = ['不限', '兰州', '嘉峪关', '金昌', '白银', '天水', '武威', '张掖', '平凉', '酒泉', '庆阳', '定西', '陇南', '临夏', '甘南'];
                break;
            case '广东':
                a = ['不限', '广州', '韶关', '深圳', '珠海', '汕头', '佛山', '江门', '湛江', '茂名', '肇庆', '惠州', '梅州', '汕尾', '河源', '阳江', '清远', '东莞', '中山', '潮州', '揭阳', '云浮'];
                break;
            case '广西':
                a = ['不限', '南宁', '柳州', '桂林', '梧州', '北海', '防城港', '钦州', '贵港', '玉林', '百色', '贺州', '河池', '来宾', '崇左'];
                break;
            case '贵州':
                a = ['不限', '贵阳', '六盘水', '遵义', '安顺', '铜仁', '黔西南', '毕节', '黔东南', '黔南'];
                break;
            case '海南':
                a = ['不限', '海口', '三亚', '三沙', '其它'];
                break;
            case '河北':
                a = ['不限', '石家庄', '唐山', '秦皇岛', '邯郸', '邢台', '保定', '张家口', '承德', '沧州', '廊坊', '衡水'];
                break;
            case '黑龙江':
                a = ['不限', '哈尔滨', '齐齐哈尔', '鸡西', '鹤岗', '双鸭山', '大庆', '伊春', '佳木斯', '七台河', '牡丹江', '黑河', '绥化', '大兴安岭'];
                break;
            case '河南':
                a = ['不限', '郑州', '开封', '洛阳', '平顶山', '安阳', '鹤壁', '新乡', '焦作', '濮阳', '许昌', '漯河', '三门峡', '南阳', '商丘', '信阳', '周口', '驻马店', '济源'];
                break;
            case '湖北':
                a = ['不限', '武汉', '黄石', '十堰', '宜昌', '襄阳', '鄂州', '荆门', '孝感', '荆州', '黄冈', '咸宁', '随州', '恩施土家族苗族自治州', '仙桃', '潜江', '天门', '神农架'];
                break;
            case '湖南':
                a = ['不限', '长沙', '株洲', '湘潭', '衡阳', '邵阳', '岳阳', '常德', '张家界', '益阳', '郴州', '永州', '怀化', '娄底', '湘西土家族苗族自治州'];
                break;
            case '内蒙古':
                a = ['不限', '呼和浩特', '包头', '乌海', '赤峰', '通辽', '鄂尔多斯', '呼伦贝尔', '兴安盟', '锡林郭勒盟', '乌兰察布盟', '巴彦淖尔盟', '阿拉善盟'];
                break;
            case '江苏':
                a = ['不限', '南京', '无锡', '徐州', '常州', '苏州', '南通', '连云港', '淮安', '盐城', '扬州', '镇江', '泰州', '宿迁'];
                break;
            case '江西':
                a = ['不限', '南昌', '景德镇', '萍乡', '九江', '新余', '鹰潭', '赣州', '吉安', '宜春', '抚州', '上饶'];
                break;
            case '吉林':
                a = ['不限', '长春', '吉林', '四平', '辽源', '通化', '白山', '松原', '白城', '延边朝鲜族自治州'];
                break;
            case '辽宁':
                a = ['不限', '沈阳', '大连', '鞍山', '抚顺', '本溪', '丹东', '锦州', '营口', '阜新', '辽阳', '盘锦', '铁岭', '朝阳', '葫芦岛'];
                break;
            case '宁夏':
                a = ['不限', '银川', '石嘴山', '吴忠', '固原', '中卫'];
                break;
            case '青海':
                a = ['不限', '西宁', '海东', '海北', '黄南', '海南', '果洛', '玉树', '海西'];
                break;
            case '山西':
                a = ['不限', '太原', '大同', '阳泉', '长治', '晋城', '朔州', '晋中', '运城', '忻州', '临汾', '吕梁'];
                break;
            case '山东':
                a = ['不限', '济南', '青岛', '淄博', '枣庄', '东营', '烟台', '潍坊', '济宁', '泰安', '威海', '日照', '莱芜', '临沂', '德州', '聊城', '滨州', '菏泽'];
                break;
            case '上海':
                a = ['不限', '黄浦区', '卢湾区', '徐汇区', '长宁区', '静安区', '普陀区', '闸北区', '虹口区', '杨浦区', '闵行区', '宝山区', '嘉定区', '浦东新区', '金山区', '松江区', '青浦区', '南汇区', '奉贤区', '崇明县'];
                break;
            case '四川':
                a = ['不限', '成都', '自贡', '攀枝花', '泸州', '德阳', '绵阳', '广元', '遂宁', '内江', '乐山', '南充', '眉山', '宜宾', '广安', '达州', '雅安', '巴中', '资阳', '阿坝', '甘孜', '凉山'];
                break;
            case '天津':
                a = ['不限', '和平区', '河东区', '河西区', '南开区', '河北区', '红桥区', '塘沽区', '汉沽区', '大港区', '东丽区', '西青区', '津南区', '北辰区', '武清区', '宝坻区', '宁河县', '静海县', '蓟县', '滨海新区', '保税区'];
                break;
            case '西藏':
                a = ['不限', '拉萨', '昌都', '山南', '日喀则', '那曲', '阿里', '林芝'];
                break;
            case '新疆':
                a = ['不限', '乌鲁木齐', '克拉玛依', '吐鲁番', '哈密', '昌吉', '博尔塔拉', '巴音郭楞', '阿克苏', '克孜勒苏', '喀什', '和田', '伊犁', '塔城', '阿勒泰', '石河子'];
                break;
            case '云南':
                a = ['不限', '昆明', '曲靖', '玉溪', '保山', '昭通', '楚雄', '红河', '文山', '思茅', '西双版纳', '大理', '德宏', '丽江', '怒江', '迪庆', '临沧'];
                break;
            case '浙江':
                a = ['不限', '杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'];
                break;
            case '陕西':
                a = ['不限', '西安', '铜川', '宝鸡', '咸阳', '渭南', '延安', '汉中', '榆林', '安康', '商洛'];
                break;
            case '台湾':
                a = ['不限', '台北市', '高雄市', '基隆市', '台中市', '台南市', '新竹市', '嘉义市', '台北县', '宜兰县', '桃园县', '新竹县', '苗栗县', '台中县', '彰化县', '南投县', '云林县', '嘉义县', '台南县', '高雄县', '屏东县', '澎湖县', '台东县', '花莲县', '其它'];
                break;
            case '香港':
                a = ['不限', '中西区', '东区', '九龙城区', '观塘区', '南区', '深水埗区', '黄大仙区', '湾仔区', '油尖旺区', '离岛区', '葵青区', '北区', '西贡区', '沙田区', '屯门区', '大埔区', '荃湾区', '元朗区', '其它'];
                break;
            case '澳门':
                a = ['不限', '花地玛堂区', '圣安多尼堂区', '大堂区', '望德堂区', '风顺堂区', '氹仔', '路环', '其它'];
                break;
            case '海外':
                a = ['不限', '美国', '英国', '法国', '俄罗斯', '加拿大', '巴西', '澳大利亚', '印尼', '泰国', '马来西亚', '新加坡', '菲律宾', '越南', '印度', '日本', '新西兰', '韩国', '德国', '意大利', '爱尔兰', '荷兰', '瑞士', '乌克兰', '南非', '芬兰', '瑞典', '奥地利', '西班牙', '比利时', '挪威', '丹麦', '波兰', '阿根廷', '白俄罗斯', '哥伦比亚', '古巴', '埃及', '希腊', '匈牙利', '伊朗', '蒙古', '墨西哥', '葡萄牙', '沙特阿拉伯', '土耳其', '其它'];
                break;
            case '其它':
                a = ['不限'];
                break;
            default:
                a = ['不公开'];
                break;
        }
        ;
        var html = '';
        for (var i = 0, l = a.length; i < l; i++) {
            //
            html += '<option value="' + a[i] + '">' + a[i] + '</option>>';
        }
        ;
        slb.html(html);
    });
    //
    $('#btn-avatar-personal')
            .click(function () {
                $(this).unfold({
                    src: 'children/win-avatar-personal',
                    id: 'win-avatar-personal',
                    'class': 'win-children',
                    title: '修改头像',
                    icon: 'user',
                    width: 720,
                    height: 'auto'
                });
            });
    $('#btn-sign-personal')
            .click(function () {
                $(this).unfold({
                    src: 'children/win-sign-personal',
                    id: 'win-sign-personal',
                    'class': 'win-children',
                    title: '修改个性签名',
                    icon: 'align-left',
                    width: 480,
                    height: 'auto'
                });
            });
    $('#btn-password-personal')
            .click(function () {
                $(this).unfold({
                    src: 'children/win-password-personal',
                    id: 'win-password-personal',
                    'class': 'win-children',
                    title: '修改密码',
                    icon: 'lock',
                    width: 280,
                    height: 'auto'
                });
            });
    $('#btn-email-personal')
            .click(function () {
                $(this).unfold({
                    src: 'children/win-email-personal',
                    id: 'win-email-personal',
                    'class': 'win-children',
                    title: '修改邮箱',
                    icon: 'envelope',
                    width: 300,
                    height: 'auto'
                });
            });
    //form
    $('#block-second').find('div.form')
            .setup({
                finish: function () {
                    //load
                    $.get('api/user/profile')
                    //$.get('api/user/info')
                            .done(function (data) {
                                if (!!data.success) {
                                    //input data
                                    var avatar = data.avatar || system.path + '/images/user/default.png';
                                    var ub = $('#unit-basic');
                                    var html = ub.html()
                                            .replace(/\[name\]/g, data.name)
                                            .replace(/\[uid\]/g, data.uid)
                                            .replace(/\[avatar\](?:\=\"\")?/g, 'src="' + avatar + '"')
                                            .replace(/\[sign\]/g, data.signature || '这个人很懒，什么都没有写...')
                                            .replace(/\[email\]/g, data.email)
                                            .replace(/\[regTime\]/g, $.parseTime(data.ctime*1000));
                                    ub
                                            .html(html)
                                            .removeClass('hidden')
                                    ;
                                    //
                                    $('#img-avatar-personal').click(function () {
                                        $('#btn-avatar-personal').click(); //
                                    });
                                    $('#area-sign-personal').click(function () {
                                        $('#btn-sign-personal').click(); //
                                    });
                                    //
                                    $('#ipt-truename-personal').val($.parseSafe(data.realName));
                                    //$('#ipt-birthday-personal').val($.parseSafe(data.birthday));
                                    $('#ipt-tel-personal').val($.parseSafe(data.phone));
                                    $('#ipt-school-personal').val($.parseSafe(data.school));
                                    $('#ipt-home-personal').val($.parseSafe(data.blog));
                                    var qq = data.qq==null ? '' : data.qq + '';
                                    $('#ipt-qq-personal').val($.parseSafe(qq));
                                    if (!!data.comeFrom) {
                                        var a = data.comeFrom.split(',');
                                        $('#ipt-location-a-personal').val(a[0]).change();
                                        window.setTimeout(function () {
                                            $('#ipt-location-b-personal').val(a[1]);
                                        }, 20);
                                    }
                                    ;
                                    //gender
                                    //var b = (data.gender == 'female') ? 'female' : ((data.gender == 'male') ? 'male' : 'secret');
                                    $('#ipt-gender-personal').val(data.gender);
                                } else {
                                    var html = '<p class="alert alert-danger">' + data.result + '</p>';
                                    mainer.prepend(html);
                                    $.info('error::' + data.result);
                                }
                                ;
                            })
                            .fail(function () {
                                //
                                var html = '<p class="alert alert-danger">获取用户资料失败。请于稍后重试。</p>';
                                mainer.prepend(html);
                                $.info('error::获取用户资料失败。请于稍后重试。');
                            });
                },
                callback: function () {
                    //
                    $.post('api/user/profileSubmit', {
                        comeFrom: ($('#ipt-location-a-personal').val() + ',' + $('#ipt-location-b-personal').val()).replace(/\,?不公开/g, ''),
                        qq: function () {
                            var a = $.parseSafe($('#ipt-qq-personal').val());
                            a = a.search('请输入') != -1 ? '' : a;
                            return a;
                        },
                        blog: function () {
                            var a = $.parseSafe($('#ipt-home-personal').val());
                            a = a.search('请输入') != -1 ? '' : a;
                            return a;
                        },
                        phone: function () {
                            var a = $.parseSafe($('#ipt-tel-personal').val());
                            a = a.search('请输入') != -1 ? '' : a;
                            return a;
                        },
                        realName: function () {
                            var a = $.parseSafe($('#ipt-truename-personal').val());
                            a = a.search('请输入') != -1 ? '' : a;
                            return a;
                        },
                        school: function () {
                            var a = $.parseSafe($('#ipt-school-personal').val());
                            a = a.search('请输入') != -1 ? '' : a;
                            return a;
                        },
                        /*birthday: function() {
                         var a = $.parseSafe($('#ipt-birthday-personal').val());
                         a = a.search('请输入') != -1 ? '' : a;
                         return a;
                         },*/
                        gender: $('#ipt-gender-personal').val()
                    })
                            .done(function (data) {
                                //
                                if (!!data.success) {
                                    //info
                                    $.info('success::扩展信息修改成功。');
                                    //refresh
                                    m.refreshPart();
                                    //close
                                    $('#curtain').click();
                                } else {
                                    $.info('error::' + data.result);
                                }
                                ;
                            })
                            .fail(function () {
                                //
                                $.info('error::同服务器通信失败。请于稍后重试。');
                            });
                }
            });
}();
</script>
<!--script-->